<!DOCTYPE html>
<html lang="en">
    <head>
        <?php echo $this->Html->charset(); ?>
        <title><?php echo $title_for_layout; ?></title>
        <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

        <?php
        echo $this->Html->meta('icon');
        echo $this->fetch('meta');

        echo $this->Html->css('bootstrap.css');
        echo $this->Html->css('animate.css');
        echo $this->Html->css('font-awesome.min.css');
        echo $this->Html->css('font.css', null, array('cache' => false));
        echo $this->Html->css('plugin.css');
        echo $this->Html->css('aristo/jquery-ui.css');
        echo $this->Html->css('datepicker/datepicker.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.core.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.default.css');
        echo $this->Html->css('/js/fuelux/fuelux.css');
        echo $this->Html->css("/js/select2/select2.css");
        echo $this->Html->css('intlTelInput');
        echo $this->Html->css('landing.css', null, array('cache' => false));
        echo $this->Html->css('app.css');
        echo $this->fetch('css');

        echo $this->Html->script('jquery-1.7.1.min.js');
        echo $this->Html->script('jquery-ui.js');
        echo $this->Html->script('bootstrap.min.js');
        echo $this->Html->script('app.plugin.js');
        echo $this->Html->script('moment.min.js');
        echo $this->Html->script('combodate.js');
        echo $this->Html->script('select2/select2.min.js');
        echo $this->Html->script('datepicker/bootstrap-datepicker.js');
        echo $this->Html->script('plugins/alertify.js/src/alertify.js');
        echo $this->Html->script('plugins/jquery.pnotify/jquery.pnotify.min');
        echo $this->Html->script('plugins/jquery.contextmenu/jquery.contextMenu');
        echo $this->Html->script('plugins/jquery.nanoscroller/jquery.nanoscroller.min');
        echo $this->Html->script('plugins/ajax_scroll');
        echo $this->Html->script('plugins/jquery.cookie/jquery.cookie');
        echo $this->Html->script('intlTelInput.min');
        echo $this->Html->script('core/mvc.js');
        echo $this->Html->script('core/app.js');
        ?>
    </head>
    <body class="landing" id="home" ata-spy="scroll" data-target="#header">

        <?php
        echo $this->Html->css('web/org_subscription.css');
        ?>
        <div class="container">
            <div class="row">

                <section class="panel">

                    <div class="panel-heading bg-light lter" style="overflow: hidden;">
                        <div class="col-lg-12">
                            <div class="col-lg-5 col-sm-5">
                                <h1>
                                    <a href="<?php echo $this->Html->url("/"); ?>">
                                        <?php echo $this->Html->image('core/memberz-logo.png', array('border' => '0', 'width' => 48, 'height' => 48)); ?> MEMBERZ
                                    </a>
                                </h1>
                            </div>

                            <div class="col-lg-6 col-sm-7 col-sm-offset-0 col-lg-offset-1 hidden-sm hidden-xs">
                                <form id='login_form' class='form' data-validate="parsley" method="post" action="<?php echo $this->Html->url(array('controller' => 'member', 'action' => 'login')); ?>" >

                                    <div class='m-t block' style='overflow: hidden;'>
                                        <div class="col-lg-5 col-md-5 hidden-sm hidden-xs">
                                            <label class="text-sm">Email</label>
                                        </div>

                                        <div class="col-lg-5 col-md-5 hidden-sm hidden-xs">
                                            <label class="text-sm">Password</label>
                                        </div>
                                    </div>

                                    <div class='block' style='overflow: hidden;'>
                                        <div class="col-lg-5 col-md-5 col-sm-6 m-b-sm">
                                            <input type="text" name="username" class='form-control input-sm' placeholder='Username' required value="" />
                                        </div>

                                        <div class="col-lg-5 col-md-5 col-sm-4 m-b-sm">
                                            <input type='password' name='password' class='form-control input-sm' placeholder='Password' required value="" />
                                        </div>

                                        <div class="col-lg-2 col-md-2 col-sm-2 m-b-sm">
                                            <button type="submit" class="btn btn-sm btn-success" style="text-align:right">
                                                <i class='fa fa-sign-in'></i> Log in
                                            </button>
                                        </div>
                                    </div>

                                    <div class='block' style="overflow: hidden;">
                                        <div class="col-lg-5 col-md-5 col-sm-6 col-xs-6">
                                            <label class="text-xs">
                                                <input type="checkbox"> Keep me signed in
                                            </label>
                                        </div>

                                        <div class="col-lg-5 col-md-5 col-sm-6 col-xs-6">
                                            <label class="text-xs">
                                                <a href="<?php echo $this->Html->url(array('controller' => 'member', 'action' => 'forgot_password')); ?>">Forgot Password?</a>
                                            </label>
                                        </div>
                                    </div>

                                    <div class='col-lg-12 visible-xs' style='margin-top: 25px; display: block;'>
                                        <p class='text-sm text-center'>Don't Have An Account?</p>
                                        <button type="button" class="btn btn-block btn-info" id='sign-up-btn'>Sign Up</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="panel-body">
                        <?php echo $this->fetch('content'); ?>
                    </div>

                    <div class='panel-footer text-left bg-light lter text-xs'>
                        <span style="padding-right:20px">&copy; 2014 Matrix Designs. </span> 
                        <!--<span style="padding-right:20px"><a href="#">Terms</a></span>  
                        <span style="padding-right:20px"><a href="#">Privacy Policy</a></span>-->
                    </div>
                </section>
            </div>
        </div>
        <style type="text/css">
            .landing{
                padding-top:10px;
            }
        </style>
        <?php echo $this->fetch('script'); ?>
    </body>
</html>
